import React, { Component } from 'react';

/* 
  React 元素的事件处理和DOM元素的很相似，但是有一点语法上的不同
  -react事件的命名采用小驼峰式，而非纯小写
  -使用jsx语法时，需要传入一个函数作为事件处理函数，而不是一个字符串
*/

/* 
  阻止事件的默认行为
*/
class App extends Component {
  handleClick = ()=>{
    console.log('执行button操作');
  };
  handleLink = (e)=>{
    // e 合成事件
    console.log(e);
    e.preventDefault();
  }
  render() {
    return (
      <div>
        <button onClick={this.handleClick}>点击</button>
        <a href="http://www.baidu.com" onClick={this.handleLink}>baidu</a>
      </div>
    );
  }
}

export default App;
